<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>企业简历管理</title>
    <!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
        <!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
        <!--[if lt IE 9]>
          <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
          <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
        <![endif]-->
    <!-- <link rel="stylesheet" type="text/css" href="css/css.css "/> -->
    <script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
    <script type="text/javascript" src="js/bootstrap.js"></script>
    <script type="text/javascript" src="js/bootstrap-datetimepicker.min.js"></script>  <!--js文件中-->
    <script type="text/javascript" src="js/bootstrap-datetimepicker.zh-CN.js"></script>
    <script src="js/dist/js/distpicker.data.js"></script>
    <script src="js/dist/js/distpicker.js"></script>
    <script src="js/bootstrap-table.min.js"></script>

    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
    <link rel="stylesheet" type="text/css" href="css/enterprise.css"/>
    <link rel="stylesheet" type="text/css" href="css/bootstrap-datetimepicker.min.css"/>
    <link rel="stylesheet" type="text/css" href="css/bootstrap-table.min.css">
</head>
<body>
    <nav class="navbar navbar-default">
      <div class="container-fluid">
        <div class="navbar-header">
        <!-- 导航栏logo -->
          <a class="navbar-brand navbar-left" href="#">
            内蒙古自治区退役军人双创平台
          </a>
        </div>

        <div class="nav navbar-nav navbar-right">
            <!-- 导航栏选项卡 -->
            <ul id="myTab" class="nav navbar-nav" role="tablist">
                <li><a href="enterpriseCenter.html">职位管理</a></li>
                <li><a href="com_resume.html">简历管理</a></li>
                <li><a href="#forum" role="tab" data-toggle="tab">人才市场</a></li>
                <li><a href="#security" role="tab"  data-toggle="tab">消息中心</a></li>
              </ul>
            <!-- 导航栏公司简介 -->
              <ul class="nav navbar-nav">
                <li class="dropdown">
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">蒙牛股份有限责任公司<span class="caret"></span></a>
                  <ul class="dropdown-menu">
                    <li><a href="#">消息中心</a></li>
                    <li><a href="#">设置</a></li>
                    <li><a href="#"></a></li>
                  </ul>
                </li>
               </ul>
            <!-- 退出导航栏 -->
            <ul class="nav navbar-nav">
                <li>
                    <a href="#" class="nav navbar-nav">退出 <span class="glyphicon glyphicon-off"></span></a>
                </li>
            </ul>

          </div>
      </div>
    </nav>
     <!-- 简历管理开始 -->
          <!-- 导航栏开始 -->
          <div class="resumeManagement">
<div class="menu">
              <div class="nav">
                <ul class="nav nav-tabs navbar-left" id="nav">
                  <li class="active"><a href="#all" data-toggle="tab">全部(99)</a></li>
                  <li><a href="#toBeScreened" data-toggle="tab">待筛选(12)</a></li>
                  <li><a href="#intention" data-toggle="tab">有意向(2)</a></li>
                  <li><a href="#inviteAnInterview" data-toggle="tab">邀面试(0)</a></li>
                  <li><a href="#inappropriate" data-toggle="tab">不合适(18)</a></li>
                </ul>
                <div class="rightNav navbar-right row">
                  <span class="glyphicon glyphicon-th-list col-md-2"></span>
                  <!-- 下拉列表开始 -->
                  <div class="dropdown col-md-3">
                    <button class="btn btn-default dropdown-toggle width100" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                      全部职位
                      <span class="caret"></span>
                    </button>
                    <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
                      <li><a href="#">销售</a></li>
                      <li><a href="#">技术</a></li>
                      <li><a href="#">后勤</a></li>
                    </ul>
                  </div>
                  <!-- 下拉列表结束 -->
                  <!-- 关键字搜索开始 -->
                  <div class="form-group  col-md-6">
                    <input type="text" class="form-control" placeholder="关键词搜索">
                  </div>
                  <button type="submit" class="btn btn-default seachBtn col-md-2">搜索</button>

                  <!-- 关键词搜索结束 -->
                </div>
              </div>
            </div>
            <!-- 导航栏结束 -->
            <!-- 面板开始 -->
            <div class="tab-content">
              <div class="tab-pane active" id="all">
              <!-- 搜索条件开始 -->
              <form>
                <div class="row condition">
                  <div class="col-md-2 form-group">
                      <label class="fl">年龄：</label>
                      <input type="text" class="form-control fl" placeholder="最低">
                      <span class="fl">-</span>
                      <input type="text" class="form-control fl" placeholder="最高">

                    <div class="col-md-2 form-group"></div>
                  </div>
                  <div class="col-md-2">
                    <label>性别：</label>
                    <select class="form-control">
                      <option value="不限">不限</option>
                      <option value="男">男</option>
                      <option value="女">女</option>
                    </select>
                  </div>
                  <div class="col-md-2">
                    <label>工作经验：</label>
                    <select class="form-control">
                      <option value="不限">不限</option>
                      <option value="五年">五年</option>
                      <option value="十年">十年</option>
                    </select>
                  </div>
                  <div class="col-md-2">
                    <label>学历：</label>
                    <select class="form-control" >
                      <option value="女">不限</option>
                      <option value="不限">五年</option>
                      <option value="男">十年</option>
                    </select>
                  </div>
                  <div class="col-md-2">
                    <label>投递时间：</label>
                    <select class="form-control" >
                      <option value="不限">不限</option>
                      <option value="男">昨天</option>
                      <option value="女">前一个月</option>
                    </select>
                  </div>
                  <div class="col-md-1">
                    <label>状态：</label>
                    <select class="form-control" style="padding:0;">
                      <option value="不限">不限</option>
                      <option value="离职">离职</option>
                      <option value="在职">在职</option>
                    </select>
                  </div>
                  <div class="col-md-1"><a href="#">清除条件</a></div>
                </div>
              </form>
              <table class="table table-striped table-hover" id="resumeList">
              <thead>
                  <tr>
                      <th data-field="xh"></th>
                      <th data-field="name">姓名</th>
                      <th data-field="jobTitle">职位名称</th>
                      <th data-field="age">年龄</th>
                      <th data-field="sex">性别</th>
                      <th data-field="workinglife">工作年限</th>
                      <th data-field="education">学历</th>
                      <th data-field=school"">毕业院校</th>
                      <th data-field="workingCondition">工作状态</th>
                      <th data-field="state">状态</th>
                      <th data-field="operation">操作</th>
                  </tr>
              </thead>
              <tbody>
                  <tr>
                    <td><input type="checkbox" name=""></td>
                    <td data-toggle="modal" data-target="#myModal">张亮<span class="glyphicon glyphicon-search blueText"></span></td>
                    <td>董事长司机</td>
                    <td>35</td>
                    <td>男</td>
                    <td>3年</td>
                    <td>本科</td>
                    <td>内蒙古大学</td>
                    <td>在职，月内到岗</td>
                    <td>有意向</td>
                    <td>
                      <a href="#" class="blueText">有意向</a>
                      <a href="#" class="greenText">邀面试</a>
                      <a href="#" class="redText">不合适</a>
                      <a href="#">下载</a>
                    </td>
                    <!-- 对应的弹出框开始 -->
                      <!-- 这里循环的时候请注意 上面的姓名的id名称必须和下面的循环的简历对应，否则无法点出简历哦~ -->
                      <div class="modal fade bs-example-modal-lg" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
                        <div class="modal-dialog modal-lg" role="document">
                          <div class="modal-content">
                            <div class="modal-body">
                              <div class="row">
                                <div class="col-md-6">
                                  <div class="name bold">张伟 <img src="image/remanage/box.png"/></div>
                                  <div class="basicInfo">
                                    <span>32岁</span>
                                    <span>现居 呼和浩特</span>
                                    <span>本科</span>
                                    <span>在职 月内到岗</span>
                                  </div>
                                  <div class="contact">
                                    <span class="glyphicon glyphicon-phone">18647101111</span>
                                    <span class="glyphicon glyphicon-envelope">123@163.com</span>
                                  </div>

                                </div>
                                <div class="col-md-6">
                                  <img src="image/remanage/touxiang.png" class="fr"/>
                                </div>
                              </div>

                              <div class="row">
                                <div class="col-md-12">
                                  <div class="title">期望值位</div>
                                  <!-- 循环这里 -->
                                  <div class="listInfo">
                                    <span class="bold">董事长司机</span>
                                    <span class="redText">4k-6k</span>
                                    <span>服务行业/机械制造业/互联网行业</span>
                                    <span>呼和浩特</span>
                                  </div>
                                </div>
                              </div>

                              <div class="row">
                                <div class="col-md-6">
                                  <div class="title">参军履历</div>
                                  <div class="listInfo">
                                    <span>兵龄：5年</span>
                                    <span>退役证编号：空退字第123456号</span>
                                    <span><a href="#">证件电子版</a><span class="glyphicon glyphicon-search"></span></span>
                                  </div>
                                </div>

                                <div class="col-md-6">
                                  <div class="title">教育经历</div>
                                  <div class="listInfo">
                                    <span>清华大学</span>
                                    <span>本科</span>
                                    <span>工商管理专业</span>
                                    <span>2007.09-2011.06 </span>
                                  </div>
                                </div>
                              </div>

                              <div class="row">
                                <div class="col-md-12">
                                  <div class="title">工作经历</div>
                                  <div class="listInfo">
                                    <span class="bold">东软国际</span>
                                    <span>2007.06-2008.01</span>
                                    <span><a href="#">3500元</a></span>
                                    <span>计算机软件</span>
                                    <p class="jobInfo">
                                      <span class="bold">工作描述：</span>
                                      <div class="jobTxt">
                                        1、为董事长开车；<br/> 2、工作描述工作描述工作描述，工作描述工作描述工作描述工作描述。工作描述工作描工作描述工作描述工作描述工作
                                      </div>
                                    </p>
                                  </div>
                                </div>
                              </div>


                              <div class="row">
                                <div class="col-md-12">
                                  <div class="title">项目经验</div>
                                  <div class="listInfo">
                                    <span class="bold">接送视察团对</span>
                                    <span>2007.06-2008.01</span>
                                    <p class="jobInfo">
                                      <span class="bold">项目介绍：</span>
                                      <div class="jobTxt">
                                        总公司派5人团队考察。
                                      </div>
                                      <span class="bold">职责描述：</span>
                                      <div class="jobTxt">
                                        接待参观团队，可以用简单的英语进行交流。
                                      </div>
                                    </p>
                                  </div>
                                </div>
                              </div>

                              <div class="row">
                                <div class="col-md-6">
                                  <div class="title">专业技能</div>
                                  <div class="listInfo">
                                    <span>驾驶证C1</span>
                                    <span>良好</span>
                                    <span>7年</span>
                                  </div>
                                </div>

                                <div class="col-md-6">
                                  <div class="title">所获证书</div>
                                  <div class="listInfo">
                                    <span>英语四级</span>
                                    <span>2015</span>
                                  </div>
                                </div>
                              </div>

                              <div class="row">
                                <div class="col-md-12">
                                  <div class="title">个人优势</div>
                                    <p class="jobInfo">
                                      <div class="jobTxt">
                                        我爱岗敬业，不怕苦不怕累，部队的经历教会了我忠诚和服从。我爱岗敬业，不怕苦不怕累，部队的经历教会了我忠诚和服从。
                                      </div>
                                    </p>
                                  </div>
                                </div>

                                <div class="row">
                                <div class="col-md-12">
                                  <div class="title">其他</div>
                                    <p class="jobInfo">
                                      <div class="jobTxt">
                                        驾驶车辆期间从未发生过意外。
                                      </div>
                                    </p>
                                  </div>
                                </div>

                            </div>
                          </div>
                        </div>
                      </div>
                    <!-- 对应的弹出框结束 -->

                  </tr>
                  <tr>
                    <td><input type="checkbox" name=""></td>
                    <td>张亮<span class="glyphicon glyphicon-search blueText"></span></td>
                    <td>董事长司机</td>
                    <td>35</td>
                    <td>男</td>
                    <td>3年</td>
                    <td>本科</td>
                    <td>内蒙古大学</td>
                    <td>在职，月内到岗</td>
                    <td>有意向</td>
                    <td>
                      <a href="#" class="blueText">有意向</a>
                      <a href="#" class="greenText">邀面试</a>
                      <a href="#" class="redText">不合适</a>
                      <a href="#">下载</a>
                    </td>
                  </tr>
              </tbody>
            </table>


            <!-- 脚部开始 -->
            <div class="footer">
              <div class="row">
                <div class="col-md-6 operation">
                  <input type="checkbox" />
                  <span><a href="#" class="blueText">有意向</a></span>
                  <span><a href="#" class="greenText">邀面试</a></span>
                  <span><a href="#" class="redText">不合适</a></span>
                  <span><a href="#">下载</a></span>
                </div>
                <div class="col-md-6">
                  <nav aria-label="Page navigation">
                    <ul class="pagination">
                      <li>
                        <a href="#" aria-label="Previous">
                          <span aria-hidden="true">&laquo;</span>
                        </a>
                      </li>
                      <li><a href="#">1</a></li>
                      <li><a href="#">2</a></li>
                      <li><a href="#">3</a></li>
                      <li><a href="#">4</a></li>
                      <li><a href="#">5</a></li>
                      <li>
                        <a href="#" aria-label="Next">
                          <span aria-hidden="true">&raquo;</span>
                        </a>
                      </li>
                    </ul>
                  </nav>
                </div>
              </div>
            </div>
              <!-- 搜索条件结束 -->

              </div>
              <div class="tab-pane" id="toBeScreened">2</div>
              <div class="tab-pane" id="intention">3</div>
              <div class="tab-pane" id="inviteAnInterview">4</div>
              <div class="tab-pane" id="inappropriate">5</div>
            </div>
            <!-- 面板结束 -->

            <!-- 列表页开始 -->

            <!-- 脚部结束 -->
            <!-- 列表页结束 -->
          </div>
        <!-- 简历管理结束 -->
</body>
</html>